<script type="text/javascript"
	src="views/framework/calendarManage/js/calendarManage.js"></script>
<script>
	var calendarList = null;
	$(document).ready(function() {
		calendarList = new calendarManageList($("#calendarListDiv"));
	});
</script>

<div id="calendarListDiv" style="height: 100%;">
	<div class="calendar_con">
		<div class="calendar_left">
			<div class="calendar_left_01"></div>
			<div class="calendar_left_02">
				<div class="calendar_left_02_bg1"></div>
				<div class="calendar_left_02_bg2">
					<ul>
					</ul>
				</div>
				<div class="calendar_left_02_bg3"></div>
			</div>
			<div class="calendar_left_03">
				<div class="calendar_left_03_top">
					<ul>
						<li>日/SUN</li>
						<li>一/MON</li>
						<li>二/TUE</li>
						<li>三/WED</li>
						<li>四/THU</li>
						<li>五/FRI</li>
						<li>六/SAT</li>
					</ul>
				</div>
				<div class="calendar_left_03_middle">
					<ul id="calendarMiddleUL">
					</ul>
				</div>
				<div class="calendar_left_03_bottom">
					<div class="calendar_left_03_bottom_01">
						<select name="calendar_select" id="calendar_select">
						</select>
					</div>
					<div class="calendar_left_03_bottom_02">
						<a href="#"><img src="images/calendar_bg06.png" width="22"
							height="26" /> </a>
					</div>
					<div class="calendar_left_03_bottom_03">
						<ul id="monthUL">
						</ul>
					</div>
					<div class="calendar_left_03_bottom_04">
						<a href="#"><img src="images/calendar_bg07.png" width="22"
							height="26" /> </a>
					</div>
				</div>
			</div>
		</div>
		<div class="calendar_right" id="calendarDiv">
			<div class="calendar_right_title">系统切换</div>
			<div style="border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;padding-top:20px;height: 60px;">
				<div class="calenda_text">
					<label>系统名称：</label> <input id="systemDropDown" data-bind="value:systemID" />
				</div>
			</div>
			<div class="calendar_right_title">属性设置</div>
			<div class="calendar_right_txt">
				<div class="calenda_text">
					<label>日历日期：</label> <input type="text" data-bind="value:calTime" disabled="disabled"/>
				</div>
				<div class="calenda_text">
					<label>日历类型：</label> <input id="calType" data-bind="value:calType"/>
				</div>
				<div class="calenda_text">
					<label>启用公共日历：</label> <input id="flagEn" data-bind="value:flagEn" />
				</div>
				<div class="calenda_text">
					<label>启用非整天：</label> <input id="dayFlag" data-bind="value:dayFlag" />
				</div>
				<div class="calenda_text" style="display: none;" timeDiv=" ">
					<label>开始时间：</label> <input data-bind="value:beginTime" timePicker=" " />
				</div>
				<div class="calenda_text" style="display: none;"  timeDiv=" ">
					<label>结束时间：</label> <input data-bind="value:endTime" timePicker=" "/>
				</div>
				 <div class="basicInfo-btn" style="border-top:0px solid #d2d2d2;">
			       <button class="save" data-bind="click:saveCalendarInfo">保存</button>
				 </div>
				 <!-- <div class="basicInfo-btn" style="border-top:0px solid #d2d2d2;">
			       <button class="save" data-bind="click:saveCalendarInfo">保存</button>
				 </div> -->
			</div>
		</div>
	</div>
</div>